const path = require("path");

module.exports = {
  mode: "development",
  devtool: "source-map",
  entry: {
    index: "./index.js",
  },
  output: {
    library: "abc", // 最终导出
    libraryTarget: "var", // 最终导出模式
  },
  target: "web", // 最终代码在什么环境中执行(web/node)
  context: path.resolve(__dirname, "src"), // cwd路径配置
  module: {
    rules: [],
    noParse: /jquery/, // 不对模块进行处理，代码直接复制到打包代码中
  },
  resolve: {
    modules: ["node_modules"], // 查找第三方包规则配置
    extensions: [".js", ".json"], // 自动补全后缀名查找
    alias: {
      // 路径别名配置
      "@": path.resolve(__dirname, "src"),
    },
  },
  externals: {
    // 遇到哪些第三方包不需要webpack进行配置，通常用于在index.html手动引入cdn
    jquery: "$",
    lodash: "_",
  },
  stats: {
    colors: true,
    modules: false, // 第三方包在打包过程中不显示
    hash: false,
    builtAt: false,
  },
};
